﻿
/*file容器样式*/
a.files {margin:0 auto;width:90px;height:30px;overflow:hidden;display:block;border:1px solid #BEBEBE;background:url(images/btn_upload.gif) left top no-repeat;text-decoration:none;}
a.files:hover {background-color:#FFFFEE;background-position:0 -30px;}
/*file设为透明，并覆盖整个触发面*/
a.files input {margin-left:-240px;font-size:20px;cursor:pointer;filter:alpha(opacity=0);opacity:0;}
/*取消点击时的虚线框*/
a.files, a.files input{outline:none;/*ff*/hide-focus:expression(this.hideFocus=true);/*ie*/}


/*file容器样式*/
a.files2 {margin:0 auto;width:90px;height:30px;overflow:hidden;display:block;border:1px solid #BEBEBE;background:url(images/btn_upload.gif) left top no-repeat;text-decoration:none;}
a.files2:hover {background-color:#FFFFEE;background-position:0 -30px;}
/*file设为透明，并覆盖整个触发面*/
a.files2 input {margin-left:-240px;font-size:20px;cursor:pointer;filter:alpha(opacity=0);opacity:0;}
/*取消点击时的虚线框*/
a.files2, a.files2 input{outline:none;/*ff*/hide-focus:expression(this.hideFocus=true);/*ie*/}

/*上传文件时切换图片*/
.filesbg2{background:url(images/upfilebg2.gif) left top no-repeat!important;}
.uploading{background:url(images/loading.gif) no-repeat left center;padding-left:18px;display:none;}
.uploading2{background:url(images/loading.gif) no-repeat left center;padding-left:18px;display:none;}

/*fileword容器样式*/
a.fileword {margin:0 auto;float:left; width:64px;height:18px;overflow:hidden;display:block;border:1px solid #70b1cf;background:url(images/upfilebg2.gif) left top no-repeat;text-decoration:none;}
/*file设为透明，并覆盖整个触发面*/
a.fileword input {margin-left:-240px;font-size:20px;cursor:pointer;filter:alpha(opacity=0);opacity:0;}
/*取消点击时的虚线框*/
a.fileword, a.fileword input{outline:none;/*ff*/hide-focus:expression(this.hideFocus=true);/*ie*/}
.uploadingw{background:url(loading.gif) no-repeat left center;padding-left:18px;display:none;}

.line5 {clear:both;font-size:1px;height:5px;overflow:hidden;}
/*图文容器样式*/
a.upfiles {margin:0 auto;width:90px;height:30px;overflow:hidden;display:block;border:1px solid #BEBEBE;background:url(images/btn_upload.gif) left top no-repeat;text-decoration:none;}
a.upfiles:hover {background-color:#FFFFEE;background-position:0 -30px;}
/*file设为透明，并覆盖整个触发面*/
a.upfiles input {margin-left:-350px;font-size:30px;cursor:pointer;filter:alpha(opacity=0);opacity:0;}
/*取消点击时的虚线框*/
a.upfiles, a.upfiles input{outline:none;/*ff*/hide-focus:expression(this.hideFocus=true);/*ie*/}


	
	/*拍拍网风格asppage分页*/
.paginator { font: 11px Arial, Helvetica, sans-serif;padding:20px 20px 10px 0; margin: 0px;}
.paginator a {padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}
.paginator a:visited {padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}
.paginator a:hover {color: #fff; background: #F50;border-color:#F50;text-decoration: none;}

div.pager  {
	margin: 8px auto;
}
div.pager a.disabled {
    border-width: 1px;
    border-style: solid;
    border-color: #F3F3F3;
    padding: 2px 5px;
    color: #CCC;
    margin-right: 2px;
}
div.pager a {
    border-width: 1px;
    border-style: solid;
    border-color: #aaa;
    padding: 2px 5px;
    color: #666;
    margin-right: 2px;
    text-decoration: none;
}
div.pager span.current {
    border-width: 1px;
    border-style: solid;
    border-color: #999;
    padding: 2px 5px;
    font-weight: bold;
    color: #AAA;
    margin-right: 2px;
    background-color: #F0F0F0;
}


#show_list{margin:0; padding:0;}
#show_list ul{ margin:0; list-style:none; }
#show_list ul li{ float:left; margin-right:10px; text-align:center; *width:181px;}
#show_list ul li .img_box{ margin:5px 5px 5px auto; position:relative; width:170px; height:120px; overflow:hidden; border:3px #efefed solid; cursor:pointer; }
#show_list ul li .img_box.current{ border:3px #f60 solid }
#show_list ul li .img_box img{ max-width:170px;max-height:120px;opacity:1; }
#show_list ul li .img_box .remark{ top:100px; left:0px; margin:0; padding:3px 2px; position:absolute; display:block; width:166px; height:114px; overflow:hidden; background:#000; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; text-align:left; font-family:"微软雅黑"; }
#show_list ul li .img_box .remark:hover{ top:0px; }
#show_list ul li .img_box .remark i{ color:#fff; font-style:normal; position:relative; line-height:16px; }
#show_list ul li a{ padding-right:1em; }


/*验证表单样式*/
span.error{
	margin-left:5px;
	padding-left:25px;
	color:#F00;
	background:url(images/error.gif) left center no-repeat;
}
span.success{
	margin-left:5px;
	padding-left:25px;
	color:#999;
	background:url(images/success.gif) left center no-repeat;
}
/*其它样式*/
.hide{display:none;}
.up-01,.up-02{
	display:block;
	float:right;
	padding-left:20px;
	cursor:pointer;
	line-height:17px;
}
.up-01{
	background:url(images/top_ico1.gif) no-repeat 0 center;
}
.up-02{
	background:url(images/top_ico2.gif) no-repeat 0 center;
}



/*webuploader上传图片通用样式*/
.upload-ul {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    /*max-width: 520px;*/
}

    .upload-ul li {
        position: relative;
        float: left;
        display: inline-block;
        width: 120px;
        height: 90px;
        margin: 0 10px 10px 0;
        padding: 0;
        border: none;
        cursor: pointer;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        overflow: hidden;
    }

.upload-pick {
    background: url(upload-bj1.png) no-repeat 0 -0px;
}

    .upload-pick:hover {
        background: url(upload-bj1.png) no-repeat 0 -90px;
    }

.webuploader-pick {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.webuploader-container {
    position: relative;
    width: 100%;
    height: 100%;
}

    .webuploader-container label {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

.webuploader-element-invisible {
    opacity: 0;
    width: 100%;
    height: 100%;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
}

.viewThumb {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden; /*border-radius: .3rem;*/
}

.viewThumb img {
        width: 100%;
        height: 100%
    }

.diyBar {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(bgblack.png);
    z-index: 3;
}

.diyProgress {
    position: absolute;
    left: 0;
    top: 33px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    color: #FFF;
    background: rgba(10,168,241,.7);
    z-index: 3;
}

.diyControl {
    position: absolute;
    display: none;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    background: url(bgblack.png);
    z-index: 3;
}

.viewThumb:hover .diyControl {
    display: block;
}

.diyControl span {
    display: inline-block;
    padding: 8.5px 16px;
    width: 12px;
    height: 11px;
}

    .diyControl span i {
        display: block;
        width: 12px;
        height: 11px;
        opacity: .7;
    }

        .diyControl span i:hover {
            opacity: 1;
            cursor: pointer;
        }

.diyLeft {
    margin-left: 3px;
}

.diyLeft {
    margin-right: 3px;
}

    .diyLeft i {
        margin-left: 3px;
        background: url(upload-icon1.png) no-repeat 0 0;
    }

.diyCancel i {
    background: url(upload-icon1.png) no-repeat 0 -11px;
}

.diyRight i {
    margin-right: 3px;
    background: url(upload-icon1.png) no-repeat 0 -22px;
}

.upload-btn {
    display: inline-block;
    padding: 10px 50px;
    font: 16px/20px 'Microsoft YaHei';
    background: rgba(10,168,241,.7);
    color: #fff;
    border-radius: 5px;
}

    .upload-btn:hover {
        background: rgba(10,168,241,1)
    }
/*上传图片结束*/
